﻿<div class="content-wrap">
    <div class="content" style="padding-top: 20px;">
        <div class="sidebar">
            <div class="home-blue-title">
                Did you know?
            </div>
            <div class="home-blue-title-mobile">
                Did you know?
            </div>
            <div class="home-left-text">
                You can access sector, thematic and issue research in the Knowledge Center on the Home tab.
            </div>
            <div class="home-left-text-mobile">
                You can access sector, thematic and issue research in the Knowledge Center on the Home tab.
            </div>
        </div>
        <!--Events listed in a list-->
        <div class="main-col">
            <div sustainalytics-navigation-menu navigation-menu-templateurl="/Views/Menu/CategoryMenu.html" navigation-menu-sitemap="CAT"></div>
            <div class="main-col-listing">
                <div class="title-border">Events</div>
                <div class="sponsored"> = Sustainalytics Sponsorship</div>
                <div id="eventsContainer" class="scroll-container">
                    <!--<div class="sponsored"> = Sustainalytics Sponsorship</div>-->
                    <div class="news-listing" ng-repeat="item in eventsList.eventsTopList">
                        <span style="font-weight: bold;">{{item.startDate | date: 'MMMM d, yyyy'}}</span>
                        <span ng-if="item.endDate > item.startDate" style="font-weight: bold;"> - {{item.endDate | date: 'MMMM d, yyyy'}}</span>
                        <br/>
                        <a class="ng-class:item.sponsorship ? 'news-listing-title has-sponsorship2 active' : 'news-listing-title has-sponsorship2'" href="#/events/{{item.id}}" style="white-space: nowrap; overflow: hidden; display: inline-block; max-width: 530px; text-overflow: ellipsis;" title="{{item.name}}">{{item.name}}</a>
                        <div class="news-listing-content" ng-bind-html="item.body">
                            {{item.body}}
                        </div>
                        <a href="#/events/{{item.id}}">Read full report</a>
                    </div>
                </div>
            </div>
            <div class="clear">&nbsp;</div>
        </div>
        <!--Events listed in Calendar-->
        <!--<div class="main-col">
            <div sustainalytics-navigation-menu navigation-menu-templateurl="/Views/Menu/CategoryMenu.html" navigation-menu-sitemap="CAT"></div>
            <div class="main-col-listing">
                <div class="title-border">Events</div>
                <div class="scroll-container">
                    <div class="calendar-controls">
                        <button class="calendar-controls_a previous" ng-disabled="eventsList.disablePreviousButton" ng-click="eventsList.decreaseMonth()"></button>
                        <div class="calendar-month">{{eventsList.selectedUtcDate | date: 'MMMM yyyy'}}</div>
                        <button class="calendar-controls_a next" ng-click="eventsList.addMonth()"></button>
                        <div class="clear">&nbsp;</div>
                        <div class="sponsored"> = Sustainalytics Sponsorship</div>
                    </div>

                    <div class="calendar-listing" ng-repeat="day in eventsList.daysForSelectedMonth">
                        <div style="margin-bottom: 6px;">
                            <a href="#/events/date/{{day | date: 'yyyy-MM-dd'}}">
                                <span class="calendar-day">
                                    {{day | date: 'd' }}
                                </span>
                                <span class="calendar-day-name">| {{day | date: 'EEEE'}}</span>
                                <span class="calendar-day-border"></span>
                            </a>
                        </div>
                        <div class="events-inner-list" style="position: relative;" ng-repeat="item in eventsList.eventsTopList[day.getDate()-1]">
                            <div>
                                <a href="#/events/date/{{day | date: 'yyyy-MM-dd'}}" class="ng-class:item.sponsorship ? 'has-sponsorship active' : 'has-sponsorship'">
                                    <span style="font-size: 16px; white-space: nowrap;  overflow:hidden;  max-width: 520px; display: inline-block; text-overflow: ellipsis;">{{item.name}}</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear">&nbsp;</div>
        </div>-->
    </div>
</div>